<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" charset="UTF-8" />
        <meta http-equiv="Cache-Control" content="no-cache" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, minimal-ui"/>
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="format-detection" content="email=no" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <!-- <link rel="stylesheet" href="//fonts.useso.com/css?family=Titillium+Web:400,400italic,700"> -->
        <link rel="stylesheet" type="text/css" href="//m.nanapanda.cn/static/css/nanapp.min.css">
        <link href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/app.css">

    </head>
    <body>
        <div id="app"></div>

        <i class="fa fa-plus fa-2x" style="color: green;"></i>
        <i class="fa fa-plus-square-o fa-3x" style="color: red"></i>
        <i class="fa fa-minus-square-o fa-3x"></i>
        <i class="fa fa-circle-thin fa-2x"></i>
        <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 128 128">
          <g data-width="128" data-height="128" display="inline">
            <path stroke="#000" stroke-width="8" stroke-linecap="square"  d="M64 4v120m60-60h-120" fill="none"></path>
          </g>
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 128 128" >
          <g data-width="128" data-height="8" display="inline">
            <path stroke="#000" stroke-width="8" stroke-linecap="square" d="M124 4h-120" fill="none"></path>
          </g>
        </svg>

        <p><a href="#" id="open-info" class="button">Open Info </a></p>
        <p><a href="#" id="create-popup" class="button">Next</a></p>
        <div id="order_package"></div>        

        
        <script src="vendor/react/react.js"></script>
        <script src="//m.nanapanda.cn/static/js/nanapp.min.js"></script>
        <!-- build:js -->
        <script src="js/build.js"></script>
        <!-- endbuild -->
        <script type="text/javascript">
            var myApp = new Framework7();
            var $$ = Dom7;
            $$('#create-popup').on('click', function () {
              var popupHTML = '<div class="popup">'+
                                '<div class="content-block">'+
                                  '<p>Popup created dynamically.</p>'+
                                  '<p><a href="#" class="close-popup">Close me</a></p>'+
                                '</div>'+
                              '</div>';
              myApp.popup(popupHTML);
            });
        </script>
    </body>
</html>